<template>
  <div>
    <div p-32rpx
      @click="$navigateTo('/pages/mine/order/template/storeAddress?storeId=' + props.address.storeId + '&way=' + props.way)">
      <!-- 没有默认地址 -->
      <div v-if="!props.address || !props.address.id" flex flex-a-c flex-j-sb>
        <div>请选择自提点</div>
        <div><nut-icon size="12" name="rect-right"></nut-icon></div>
      </div>
      <!-- 有默认地址 -->
      <div v-if="props.address.id" flex flex-a-c flex-j-sb>
        <div>
          <div font-bold>{{ props.address.address }}</div>
        </div>
        <div>
          <nut-icon name="rect-right"></nut-icon>
        </div>
      </div>
    </div>
    <div class="bar"></div>

  </div>
</template>

<script setup lang="ts">
const props = defineProps<{
  address: any,
  way: string
}>()
</script>

<style scoped>
.bar {
  height: 4rpx;
  overflow: hidden;
  width: 100%;
  background: url('/static/line.png');
  background-repeat: no-repeat;
}
</style>
